<!DOCTYPE html>
<html class="ui-page-login">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>资讯</title>
    <link href="../../css/mui.css" rel="stylesheet"/>
    <link href="../../css/reset.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../css/iconfont.css" />
    <link rel="stylesheet" href="../../css/dashi.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="address=no">
    <script src="../../js/jquery.min.js"></script>
    <script type="text/javascript">
        var docEl = document.documentElement;
        var clientWidth = docEl.clientWidth;
        docEl.style.fontSize = (clientWidth / 10) + 'px';
        $(document).ready(function () {
            (function (doc, win) {
                var docEl = doc.documentElement,
                        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                        recalc = function () {
                            var clientWidth = docEl.clientWidth;
                            docEl.style.fontSize = (clientWidth / 10) + 'px';
                        };

                if (!doc.addEventListener) return;
                win.addEventListener(resizeEvt, recalc, false);
                doc.addEventListener('DOMContentLoaded', recalc, false);
            })(document, window);
        });
    </script>
</head>

<body>
<article class="mui-content zixun">
	<div class="zixun-main">
		<ul class="zixun-zong">
			<!--<li class="zixun-fen">-->
				<!--<a class="zixun-go" href="zixun-detail.html">-->
					<!--<div class="zixun-fen-left">-->
					   <!--<img class="zixun-fen-left-tu" src="../../img/dashi.jpg">				-->
				    <!--</div>-->
					<!--<div class="zixun-fen-right">-->
						<!--<p class="zixun-fen-right-tit">塔罗斯大师杯家酿啤酒大奖赛北京站区</p>	-->
						<!--<p class="zixun-fen-right-time">2017-02-18  12:00</p>	-->
					<!--</div>-->
				<!--</a>-->
				<!---->
			<!--</li>-->
		</ul>
	</div>
</article>
<nav class="mui-bar mui-bar-tab">
     <a class="tabyemian-go " href="saishi.html">
     	<span class="iconfont icon-saishi"></span>
     	<span class="tabyyemian-word">赛事</span>
     </a> 
      <a class="tabyemian-go tab-active" href="#">
     	<span class="iconfont icon-zixun" ></span>
     	<span class="tabyyemian-word">资讯</span>
     </a>
      <a class="tabyemian-go" href="index.html">
     	<span class="iconfont icon-dashibei"></span>
     	<span class="tabyyemian-word">主办方</span>
     </a>
      <a class="tabyemian-go" href="wode.html">
     	<span class="iconfont icon-wode"></span>
     	<span class="tabyyemian-word">我的</span>
     </a>
</nav>
<script src="../../js/jquery-2.1.1.min.js"></script>
<script src="../../js/mui.min.js"></script>
<script src="../../js/main.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var user =   getUserInfo();
        var user_token = user.userToken;
        var event = {
            getList: function () {
                var data = {
                    apiCode: '/News/newsList',
                    user_token:user_token,
                    page:1
                };
                http(data, function (responed) {
                    goodinfo = responed.data;
                    if(responed.success==1){
                        var temp = "";
                         $.each(goodinfo, function (i, n) {
                             $.cookie('news_id',n.news_id);
                                temp +=   '<li class="zixun-fen">'+
                                        '<a class="zixun-go" href="zixun-detail.html?news_id='+ n.news_id+'">'+
                                        '<div class="zixun-fen-left">'+
                                        '<img class="zixun-fen-left-tu" src="'+n.news_img+'">'+
                                        '</div>'+
                                        '<div class="zixun-fen-right">'+
                                        '<p class="zixun-fen-right-tit">'+n.news_title+'</p>'+
                                        '<p class="zixun-fen-right-time">'+n.create_time+'</p>'+
                                        '</div>'+
                                        '</a>'+
                                        '</li>';
                            })
                        $('.zixun-zong').append(temp);
                    }else{
                      mui.alert(responed.msg);
                    }
                });
            },
        }
        event.getList();
    })
</script>
</body>
</html>

